//图表配置列表
export const FORMLIST = {
  bar: [
    {
      tag: 'el-input',
      label: 'x轴名称',
      prop: 'xName',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-input',
      label: 'y轴名称',
      prop: 'yName',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '图例位置',
      prop: 'legendPosition',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '图例大小',
      prop: 'legendSize',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '文本显示位置',
      prop: 'labelPosition',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-input-number',
      label: '柱宽',
      prop: 'barWidth',
      attr: {
        placeholder: '请输入',
        min: 0,
      },
      style: 'width: 100%',
    },
    {
      tag: 'el-switch',
      label: '悬浮阴影',
      prop: 'shadow',
    },
    {
      tag: 'el-switch',
      label: '是否堆叠',
      prop: 'stack',
    },
    {
      tag: 'el-switch',
      label: '柱顶圆角',
      prop: 'round',
    },
    {
      tag: 'el-switch',
      label: '区域缩放',
      prop: 'dataZoom',
    },
    {
      tag: 'el-select',
      label: 'X轴坐标数据',
      prop: 'xAxisData',
      attr: {
        placeholder: '输入后按回车添加',
        multiple: true,
        clearable: true,
        filterable: true,
        allowCreate: true,
        defaultFirstOption: true,
      },
    },
    {
      tag: 'el-input',
      label: '左间距',
      prop: 'leftSpace',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-input',
      label: '右间距',
      prop: 'rightSpace',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-input',
      label: '下间距',
      prop: 'bottomSpace',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '调色盘',
      prop: 'color',
      attr: {
        placeholder: '输入色值后按回车添加',
        multiple: true,
        clearable: true,
        filterable: true,
        allowCreate: true,
        defaultFirstOption: true,
      },
    },
  ],
  line: [
    {
      tag: 'el-input',
      label: 'x轴名称',
      prop: 'xName',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-input',
      label: 'y轴名称',
      prop: 'yName',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '图例位置',
      prop: 'legendPosition',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '图例大小',
      prop: 'legendSize',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '文本显示位置',
      prop: 'labelPosition',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-switch',
      label: '平滑曲线',
      prop: 'smooth',
    },
    {
      tag: 'el-slider',
      label: '面积填充',
      prop: 'opacity',
      attr: {
        step: 25,
      },
    },
    {
      tag: 'el-switch',
      label: '区域缩放',
      prop: 'dataZoom',
    },
    {
      tag: 'el-select',
      label: 'X轴坐标数据',
      prop: 'xAxisData',
      attr: {
        placeholder: '输入后按回车添加',
        multiple: true,
        clearable: true,
        filterable: true,
        allowCreate: true,
        defaultFirstOption: true,
      },
    },
    {
      tag: 'el-input',
      label: '左间距',
      prop: 'leftSpace',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-input',
      label: '右间距',
      prop: 'rightSpace',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-input',
      label: '下间距',
      prop: 'bottomSpace',
      attr: {
        placeholder: '请输入',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '调色盘',
      prop: 'color',
      attr: {
        placeholder: '输入色值后按回车添加',
        multiple: true,
        clearable: true,
        filterable: true,
        allowCreate: true,
        defaultFirstOption: true,
      },
    },
  ],
  pie: [
    {
      tag: 'el-select',
      label: '图例位置',
      prop: 'legendPosition',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '图例大小',
      prop: 'legendSize',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-select',
      label: '图例排列方式',
      prop: 'legendStyle',
      attr: {
        placeholder: '请选择',
      },
    },
    {
      tag: 'el-select',
      label: '文本显示位置',
      prop: 'textPosition',
      attr: {
        placeholder: '请选择',
        clearable: true,
      },
    },
    {
      tag: 'el-switch',
      label: '环状图',
      prop: 'isRing',
    },
    {
      tag: 'el-switch',
      label: '南丁格尔图',
      prop: 'isRose',
    },
    {
      tag: 'el-slider',
      label: '饼图大小',
      prop: 'pieSize',
      attr: {
        step: 5,
        min: 50,
      },
    },
    {
      tag: 'el-slider',
      label: '内环大小',
      prop: 'ringSize',
      attr: {
        step: 5,
        max: 40,
        min: 10,
      },
    },
    {
      tag: 'el-select',
      label: '调色盘',
      prop: 'color',
      attr: {
        placeholder: '输入色值后按回车添加',
        multiple: true,
        clearable: true,
        filterable: true,
        allowCreate: true,
        defaultFirstOption: true,
      },
    },
  ],
};
//图表配置属性的下拉列表
export const OPTIONS = {
  legendPosition: [
    {
      label: '顶部左侧',
      value: 'top-left',
    },
    {
      label: '顶部中央',
      value: 'top-center',
    },
    {
      label: '顶部右侧',
      value: 'top-right',
    },
    {
      label: '底部左侧',
      value: 'bottom-left',
    },
    {
      label: '底部中央',
      value: 'bottom-center',
    },
    {
      label: '底部右侧',
      value: 'bottom-right',
    },
  ],
  legendSize: [
    {
      label: '小',
      value: '16-10',
    },
    {
      label: '中',
      value: '20-12',
    },
    {
      label: '大',
      value: '25-14',
    },
  ],
  labelPosition: [
    {
      label: '顶部',
      value: 'top',
    },
    {
      label: '内部',
      value: 'inside',
    },
    {
      label: '内部居顶',
      value: 'insideTop',
    },
    {
      label: '内部居底',
      value: 'insideBottom',
    },
  ],
  textPosition: [
    {
      label: '外部',
      value: 'outside',
    },
    {
      label: '内部',
      value: 'inside',
    },
  ],
  legendStyle: [
    {
      label: '水平',
      value: 'horizontal',
    },
    {
      label: '垂直',
      value: 'vertical',
    },
  ],
  xAxisData: [],
  color: [
    {
      label: '#409eff',
      value: '#409eff',
    },
  ],
};
export const COLORLIST = [
  '#5470c6',
  '#91cc75',
  '#fac858',
  '#ee6666',
  '#73c0de',
  '#3ba272',
  '#fc8452',
  '#9a60b4',
  '#ea7ccc',
];
